// react项目实战 老师列表
import React from 'react';
import { Input,Space, Table, Tag , Cascader, Select} from 'antd';
const { Search } = Input;
import './AllList.css';

function TeacherList(props) {
    // 表格
    const columns = [
        {
          title: '序号',
          dataIndex: 'id',
          key: 'id',
          width:50,
        },
        {
          title: '所属学校',
          dataIndex: 'teacher_name',
          key: 'teacher_name',
          width:250,
        },
        {
          title: '教师姓名',
          dataIndex: 'school_name',
          key: 'school_name',
          width:150,
        },
        {
          title: '性别',
          dataIndex: 'sex',
          key: 'sex',
          width:50,
        },
        {
          title: '工号',
          dataIndex: 'tid',
          key: 'tid',
          width:150,
        },
        {
          title: '所属部门',
          dataIndex: 'branch',
          key: 'branch',
          width:100,
        },
        {
          title: '任教科目',
          dataIndex: 'subject',
          key: 'subject',
          width:100,
        },
        {
          title: '现任职务',
          dataIndex: 'position',
          key: 'position',
          width:100,
        },
        {
          title: '账号',
          dataIndex: 'account',
          key: 'account',
          width:150,
        },
    
      ];
      const data = [
        {
          key: '1',
          id:'1',
          school_name:"李四",
          teacher_name:"新疆信息工程小学",
          sex:"男",
          tid:20150012,
          branch:"数学组",
          subject:"数学",
          position:"主任",
          account:"18227955164"
        },
        {
          key: '2',
          id:'2',
          school_name:"李四",
          teacher_name:"新疆信息工程小学",
          sex:"男",
          tid:20150012,
          branch:"数学组",
          subject:"数学",
          position:"主任",
          account:"18227955164"
        },
        {
          key: '3',
          id:'3',
          school_name:"李四",
          teacher_name:"新疆信息工程小学",
          sex:"男",
          tid:20150012,
          branch:"数学组",
          subject:"数学",
          position:"主任",
          account:"18227955164"
        },
        {
          key: '4',
          id:'4',
          school_name:"李四",
          teacher_name:"新疆信息工程小学",
          sex:"男",
          tid:20150012,
          branch:"数学组",
          subject:"数学",
          position:"主任",
          account:"18227955164"
        },
        {
          key: '5',
          id:'5',
          school_name:"李四",
          teacher_name:"新疆信息工程小学",
          sex:"男",
          tid:20150012,
          branch:"数学组",
          subject:"数学",
          position:"主任",
          account:"18227955164"
        },
      ];
    return (
        <div>
            {/* 用户概况 */}
            <div className='search'>
              <Search
                placeholder="请输入关键字进行搜索"
                allowClearq
                enterButton="搜索"
                size="large"
                // onSearch={onSearch}
              />
            </div>
            
            <Table columns={columns} dataSource={data} />
            
        </div>
    );
}

export default TeacherList;